home *** CD-ROM | disk | FTP | other *** search
/ Hot Metal Pro 4.0 / Hot Metal Pro 4.0.iso / Special / text / imagedit.txt < prev    next >
Encoding:
Text File  |  1997-11-17  |  31.7 KB  |  901 lines

  1.  
  2. 5. Editing images
  3.  
  4.  
  5.  
  6. Using PhotoImpact SE
  7.  
  8. The functionality described in this topic is available
  9. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  10. that you are now using. Choose `How To Purchase' in
  11. the Help menu for ordering information.
  12.  
  13. While some people are content to use clip-art and other
  14. free images available all over the Internet, others
  15. want to add a personal touch, or even design all of
  16. the images for their Web site themselves. HoTMetaL PRO
  17. comes with Ulead's PhotoImpact SE image editing tools,
  18. which make it possible to do the following (and much
  19. more) quickly and easily:
  20.  
  21. * Adding text to images.
  22.  
  23. * Creating buttons.
  24.  
  25. * Creating shadows and frames.
  26.  
  27. * Adding transparency to images.
  28.  
  29. * Optimizing image colors for the Web.
  30.  
  31. If you didn't install PhotoImpact SE when you installed
  32. HoTMetaL PRO, you can do so now from the HoTMetaL PRO
  33. CD. 
  34.  
  35.  HoTMetaL PRO comes with a rich collection of image
  36. editing tools in Ulead's PhotoImpact SE. This powerful
  37. graphics program makes it easy for you to customize
  38. and create professional looking graphics for your Web
  39. pages. This manual does not cover all of the functionality
  40. of PhotoImpact SE; full documentation is available from
  41. PhotoImpact SE's online help.
  42.  
  43. 5.1. Choosing an image editor/viewer
  44.  
  45. PhotoImpact SE is the default image editor for HoTMetaL
  46. PRO, but you can change the default editor and viewer
  47. for a particular image type from the HoTMetaL PRO Editor
  48. Options dialog. These applications will be launched
  49. instead of the default for a file of that type when
  50. you click on the image and choose Edit Image File or
  51. View Image File from the pop-up menu.
  52.  
  53. * Choose Options... from the HoTMetaL PRO Editor Tools
  54. menu.
  55.  
  56. * Click on the Helper Apps tab.
  57.  
  58. * Enter the file extension for the image type in the
  59. File Extension text box. If files of that type could
  60. have more than one extension (for example, .jpg and
  61. .jpeg), you will have to make a separate entry for each.
  62.  
  63. * Click on [Add New Type].
  64.  
  65. * You can choose an editor, viewer, or both. Enter the
  66. locations and filenames of of the desired applications
  67. in the Viewer and Editor text boxes (you can use the
  68. [Choose...] button to select them).
  69.  
  70. * Click on [OK].
  71.  
  72. 5.2. Web image basics
  73.  
  74. While you don't need to be a graphics wizard to insert
  75. an image into your page, before you begin it's a good
  76. idea to understand a bit about how images are displayed
  77. in the HoTMetaL PRO Editor and in Web browsers. If you're
  78. already familiar with using images on the Web, you can
  79. skip this section.
  80.  
  81. Images can enhance the appearance of your page and make
  82. it easier to communicate your ideas, but they also increase
  83. the time it takes for someone to load your page over
  84. the Internet. Here are some guidelines for using images
  85. in your Web pages:
  86.  
  87. * Try to keep your file sizes small. You can achieve
  88. this by keeping the actual dimensions of the image small,
  89. and also by reducing the number of colors that are stored
  90. in the file. You can use graphics software such as PhotoImpact
  91. SE to reduce the number of colors in individual image
  92. files.
  93.  
  94. * Don't rely exclusively on images to convey your information
  95. For example, using only a logo image to give the name
  96. of your company means that not everyone will get that
  97. important information.
  98.  
  99. * Use alternate text for images. Providing a short text
  100. description of the image in its ALT attribute makes
  101. your page accessible to more people. Not only do some
  102. Web surfers still use text-based browsers like Lynx,
  103. or surf with images turned off in their browsers to
  104. speed up download time, but also people with visual
  105. impairments use voice synthesis technology to surf the
  106. Web. By taking the time to enter a meaningful description
  107. of your image you don't exclude these people from sharing
  108. your Web page. 
  109.  
  110. * Don't use background images that make it difficult
  111. to read the text of the page.
  112.  
  113. 5.2.1. Available image formats
  114.  
  115. HoTMetaL PRO can display many different image formats
  116. (for example, BMP, TIFF, JPEG, PNG, GIF) in the document
  117. window. Not all of these image formats are available
  118. to Web browsers, however, so you should convert the
  119. images before you upload them to the Internet or an
  120. intranet. The most common image format on the web is
  121. GIF. 
  122.  
  123. All browsers that are capable of displaying images can
  124. display GIF files. Most newer browsers can also display
  125. JPEG images, and some browsers can display other platform-specific
  126. image types. If you want your Web pages to be viewed
  127. by the broadest possible audience, however, make sure
  128. that your images are in GIF or JPEG format.
  129.  
  130. NOTE: The HoTMetaL PRO Editor also supports the PNG
  131. image format (portable network graphic), which is a
  132. standard file format endorsed by the World Wide Web
  133. Consortium. While few browsers currently display this
  134. graphics format inline, future releases of Microsoft
  135. Internet Explorer and Netscape Navigator will support
  136. PNG graphics.
  137.  
  138. 5.2.1.1. GIF or JPEG?
  139.  
  140. While GIF files were once the standard image format
  141. on the Web, most browsers now support JPEG files as
  142. well, and many people are confused about which file
  143. format is `better' for their Web images.
  144.  
  145. In fact, the two file formats are both good at specific
  146. tasks. The GIF format uses a maximum of 256 colors,
  147. and uses combinations of these to create colors beyond
  148. that number. The GIF format is better for displaying
  149. images that have been designed using a graphics program,
  150. like logos, icons, and buttons. JPEG files can contain
  151. millions of colors, and are much better for photographic
  152. images.
  153.  
  154. GIF images come in two different versions and have some
  155. extra functionality that JPEGs do not. You can save
  156. GIF images in GIF 87 or GIF 89a format. GIF 89a is newer
  157. and has the following features that GIF 87 and JPEG
  158. files do not:
  159.  
  160. * Interlacing - if you save a GIF 89a image as interlaced,
  161. the browser will be able to display the image as it
  162. loads, getting gradually crisper and clearer until it
  163. is finished. Interlaced GIFs have slightly larger file
  164. sizes than non-interlaced GIFs, so you will have to
  165. decide whether the interlacing effect is worth the extra
  166. download time for your images.
  167.  
  168. * Transparency - with GIF 89a format images you can
  169. set a single color to be transparent, that is, it will
  170. allow the background color or image to show through
  171. it. Transparency is most commonly used to make the rectangular
  172. background canvas of an image invisible; this feature
  173. can be very effective in Web page design. The image
  174. editing software included with HoTMetaL PRO, Ulead PhotoImpact
  175. SE,  makes it easy to save transparent GIFs. 
  176.  
  177. * Animated GIFs - GIF 89a images can also be animated
  178. using special software. Animated GIF images are simply
  179. a number of GIF images saved into a single file and
  180. looped. Netscape Navigator and Microsoft Internet Explorer
  181. can both display animated GIFs, but many other browsers
  182. cannot, and may not be able to display even the first
  183. image in the loop. Use animated GIFs with caution. HoTMetaL
  184. PRO includes Ulead's GIF Animator software  so you can
  185. create your own animated GIF images.
  186.  
  187. JPEG images don't give you the option of including transparency
  188. or of interlacing images, but they do allow you to specify
  189. the degree of file compression so that you can create
  190. a balance between image quality and file size. To learn
  191. more about how to do this using Ulead's PhotoImpact
  192. SE, see Editing Images.
  193.  
  194. 5.2.2. Image color
  195.  
  196. One of the most difficult aspects of working with computer
  197. images--especially over the Internet--is color. Good
  198. Web designers must always keep in mind that the images
  199. they put on the Web may look different on different
  200. machines depending on the user's display capabilities.
  201. This section gives a general overview of some image
  202. color issues. The Ulead PhotoImpact SE online help contains
  203. a detailed discussion of image colors.
  204.  
  205. 5.2.2.1. Image dithering
  206.  
  207. Keep in mind that, while your images may look fine on
  208. your computer, they may not look as good on other computers
  209. that may have fewer colors in their displays. Many users
  210. will have computers that have 8 bit displays, that is,
  211. they can display a maximum of 256 colors. This means
  212. that if a user loads a true-color (millions of colors)
  213. JPEG image, the browser has to use two pixels of different
  214. colors in combination to create colors above the 256
  215. colors available. This process is called dithering.
  216. Because dithering uses two pixels to create a single
  217. color, it reduces the image quality. 
  218.  
  219. 5.2.2.2. Browser palettes
  220.  
  221. In addition, Web browsers use their own internal color
  222. palettes (tables of pre-defined colors available to
  223. create color images) to display images, which can sometimes
  224. result in your true-color images looking different in
  225. your browser. Many of the images provided with HoTMetaL
  226. PRO are true-color images, and may lose some of their
  227. quality on some systems and in some browsers.
  228.  
  229. 5.2.2.3. Multiple palette problems
  230.  
  231. If you have a number of GIFs that will appear in a single
  232. browser window, you should take steps to maintain the
  233. image quality by making sure that their color palettes
  234. are compatible. For example, if you have two images,
  235. one with 200 shades of red and one with 150 shades of
  236. green, your total number of colors is more than 256.
  237. On systems that can display only 256 different colors,
  238. the browser will have to combine the palettes of each
  239. of these images and then dither both images to use the
  240. custom color palette. This results in lower image quality
  241. for both images. It's best to use a `browser safe' palette
  242. for all of your GIF images. 
  243.  
  244. 5.3. Introducing PhotoImpact SE
  245.  
  246. The functionality described in this topic is available
  247. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  248. that you are now using. Choose `How To Purchase' in
  249. the Help menu for ordering information.
  250.  
  251. PhotoImpact SE consists of five main components: 
  252.  
  253. 1. PhotoImpact SE Editor, for editing and creating images
  254. (this is the default image editor for HoTMetaL PRO).
  255.  
  256. 2. PhotoImpact SE Explorer, for browsing image thumbnails
  257. (this is launched when you choose Image Explorer from
  258. the HoTMetaL PRO Tools menu).
  259.  
  260. 3. PhotoImpact Album SE, for organizing and grouping
  261. images.
  262.  
  263. 4. PhotoImpact Viewer SE, an image viewer (this is the
  264. default image viewer for HoTMetaL PRO).
  265.  
  266. 5. PhotoImpact GIF Animator, the default editor and
  267. viewer for animated GIFs.
  268.  
  269. The HoTMetaL PRO online help  covers only certain aspects
  270. of the PhotoImpact SE Editor. You can learn about the
  271. other PhotoImpact applications from the PhotoImpact
  272. online help.
  273.  
  274. 5.3.1. The PhotoImpact SE editor
  275.  
  276. The functionality described in this topic is available
  277. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  278. that you are now using. Choose `How To Purchase' in
  279. the Help menu for ordering information.
  280.  
  281. The following is a basic introduction to the PhotoImpact
  282. SE editor interface. 
  283.  
  284. To open an image file with PhotoImpact SE Editor from
  285. HoTMetaL PRO:
  286.  
  287. * Right-click on the image in the HoTMetaL PRO Editor
  288. window and choose Edit Image File from the pop-up menu;
  289. this will start PhotoImpact SE and load the image file
  290. for editing.
  291.  
  292. You can also start PhotoImpact SE from the Windows Start
  293. menu, or by choosing Image Editor from the HoTMetaL
  294. PRO Tools menu, and then open the image file using the
  295. Open... command in the PhotoImpact SE File menu.
  296.  
  297. The main tools for using PhotoImpact SE are the menus,
  298. the Standard toolbar, the Tool Panel, and each tool's
  299. Attributes toolbar. All of the toolbars and panels can
  300. be moved around the screen as floating toolbars, or
  301. anchored to any part of the PhotoImpact SE window. 
  302.  
  303. To configure PhotoImpact SE to display these toolbars:
  304.  
  305. * Choose Toolbars & Panels from the View menu.
  306.  
  307. * Select the toolbars you want to display; we recommend
  308. that you show the Standard Toolbar, the Attribute Toolbars,
  309. and the Tool Panel. 
  310.  
  311. From this dialog, you can also set the size of the buttons
  312. and determine whether or not to show tool tips.
  313.  
  314. 5.3.1.1. The Switch menu command
  315.  
  316. The Switch menu at the right-hand end of the menu bar
  317. of each PhotoImpact SE component gives you to access
  318. the PhotoImpact SE Editor, Viewer, Explorer, and Album.
  319. If you choose a PhotoImpact SE component from the Switch
  320. menu, that component will start, or, if it is already
  321. open, will come to the foreground.
  322.  
  323. 5.3.1.2. Standard Toolbar
  324.  
  325. The Standard toolbar gives quick access to frequently
  326. needed tools and menu items. 
  327.  
  328. 5.3.1.3. Tool Panel
  329.  
  330. The Tool Panel provides all the editing tools you need
  331. to work on images. By selecting the appropriate tool,
  332. you can select, draw, transform, and touch up images.
  333. Each tool has its own Attribute toolbar. Some of the
  334. tools, such as the Paint tool, have different modes
  335. that you can select by clicking on the small triangle
  336. in the bottom right corner of the tool button.
  337.  
  338. 5.3.1.4. Attribute Toolbars
  339.  
  340. When you select a tool in the Tool Panel, all of the
  341. attributes that you can configure for that tool appear
  342. in the Attribute toolbar. Note: some options may be
  343. grayed-out; typically, these options are not available
  344. in PhotoImpact SE, but are available in the full version
  345. of PhotoImpact.
  346.  
  347. 5.4. Working with files
  348.  
  349. The functionality described in this topic is available
  350. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  351. that you are now using. Choose `How To Purchase' in
  352. the Help menu for ordering information.
  353.  
  354. To open an image file with PhotoImpact SE Editor from
  355. HoTMetaL PRO, right-click on the image in the HoTMetaL
  356. PRO window and choose Edit Image File from the pop-up
  357. menu. This will start PhotoImpact SE Editor or PhotoImpact
  358. GIF Animator, as appropriate, and load the image file
  359. for editing.
  360.  
  361. There are two other ways to launch PhotoImpact SE: 
  362.  
  363. * Choose Image Editor from the Tools menu.
  364.  
  365. * Start PhotoImpact SE from the Windows Start menu
  366.  
  367. You can then open the image file using the Open... command
  368. in the PhotoImpact SE File menu.
  369.  
  370. 5.4.1. Using PhotoImpact SE tools on GIF image files
  371.  
  372. The functionality described in this topic is available
  373. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  374. that you are now using. Choose `How To Purchase' in
  375. the Help menu for ordering information.
  376.  
  377. Most of the image filters and advanced image editing
  378. features work only in true color 24-bit images (millions
  379. of colors). If you are editing GIF files for your Web
  380. pages, they will be 256 or fewer color images. To maximize
  381. the number of features you can use when editing the
  382. image, you should increase the number of colors while
  383. you work on the image in PhotoImpact SE, then reduce
  384. the colors to save it as a GIF file again.
  385.  
  386. NOTE: The PhotoImpact SE online help has a detailed
  387. section on color, color palettes, and color depth.
  388.  
  389. To work on a GIF file in true color 24-bit mode:
  390.  
  391. * Open the GIF file in PhotoImpact SE.
  392.  
  393. * Choose Data Type in the Format menu or click on the
  394. image type button in the bottom right corner of the
  395. PhotoImpact SE window.
  396.  
  397. * If Create a New Image is checked in the fly-out menu,
  398. deselect it by clicking on it with the mouse.
  399.  
  400. * Choose true color (24-bit) from the Data Type menu;
  401. the image is converted to true color and all the image
  402. processing tools will be available.
  403.  
  404. To resave the image as a GIF file:
  405.  
  406. * Choose Data Type in the Format menu or click on the
  407. image type button in the bottom right corner of the
  408. PhotoImpact SE window.
  409.  
  410. * Choose a color depth of 256 colors or fewer.
  411.  
  412. * Click on the {Save} or choose Save from the File menu
  413. to save your changes to the GIF file at the proper color
  414. depth.
  415.  
  416. PhotoImpact SE gives you several options for color palettes,
  417. including optimizing for the WWW 
  418.  
  419. You can also use this process to reduce the colors of
  420. high color images such as BMP and JPEG files before
  421. saving them as GIF files.
  422.  
  423. NOTE: If the file originally had only a 16 color palette,
  424. save it as a 16 color file so that you don't unnecessarily
  425. increase the file size.
  426.  
  427. 5.4.2. Using Smart Savers to set image options
  428.  
  429. The functionality described in this topic is available
  430. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  431. that you are now using. Choose `How To Purchase' in
  432. the Help menu for ordering information.
  433.  
  434. Because both GIF and JPEG files can be saved with several
  435. customizable settings, PhotoImpact SE includes Smart
  436. Savers for GIF and JPEG files. These make it easy to
  437. optimize your images for the Web. You can access the
  438. Smart Savers by choosing Export... from the File menu,
  439. or by choosing either the GIF or JPEG Smart Saver from
  440. the Web menu. 
  441.  
  442. The GIF Smart Savers make it easy to set:
  443.  
  444. * Transparency
  445.  
  446. * Color reduction
  447.  
  448. * Color palette
  449.  
  450. * Interlacing on or off
  451.  
  452. The JPEG Smart Savers let you balance file size with
  453. image quality by setting:
  454.  
  455. * File compression
  456.  
  457. * Smoothing
  458.  
  459. * Mode
  460.  
  461. * Subsampling
  462.  
  463. You can also run batch image processes from the Smart
  464. Savers. See PhotoImpact SE's online help for more information.
  465.  
  466. 5.5. Adding text to an image
  467.  
  468. The functionality described in this topic is available
  469. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  470. that you are now using. Choose `How To Purchase' in
  471. the Help menu for ordering information.
  472.  
  473. With Ulead PhotoImpact SE you can easily add text to
  474. images to personalize buttons, logos, and other customized
  475. Web graphics. 
  476.  
  477. To add text to an image:
  478.  
  479. * Click on the text tool icon; the mouse pointer becomes
  480. an I-bar and the text tool settings toolbar appears
  481. below the main toolbar.
  482.  
  483. * Click in the image window; this brings up the Text
  484. Entry Box dialog. 
  485.  
  486. * Type the text you want to place on your graphic. To
  487. put a line break type [Ctrl+Enter].
  488.  
  489. * Click on [OK]; this inserts the text into the graphic.
  490.  
  491. Click and drag the text to the desired location in the
  492. image.
  493.  
  494. 5.5.1. Modifying image text
  495.  
  496. The functionality described in this topic is available
  497. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  498. that you are now using. Choose `How To Purchase' in
  499. the Help menu for ordering information.
  500.  
  501. You can change the properties of the text using the
  502. PhotoImpact SE Text toolbar:
  503.  
  504. * Click on the {T} (text) toolbar button in the Tool
  505. Panel.
  506.  
  507. * Put the pointer over the text you want to change;
  508. the pointer arrow will have a small `T' inside i
  509.  
  510. * Click on the text; it will have a dotted line around
  511. it, which means it can be moved or changed.
  512.  
  513. You can now use the text Attributes toolbar to change
  514. the font, color, style, size, and other options as described
  515. in the Ulead PhotoImpact SE online help.
  516.  
  517. To edit the text:
  518.  
  519. * Click on the {T} (text) toolbar button in the Tool
  520. Panel.
  521.  
  522. * Put the pointer over the text you want to change;
  523. the pointer arrow will have a small `T' inside it.
  524.  
  525. * Double-click on the text; this brings up the Text
  526. Entry Box with the current text in the editing box.
  527.  
  528. * Edit the text.
  529.  
  530. * Click on [Update]; the text will be updated in the
  531. image.
  532.  
  533. 5.5.2. Adding text shadows
  534.  
  535. The functionality described in this topic is available
  536. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  537. that you are now using. Choose `How To Purchase' in
  538. the Help menu for ordering information.
  539.  
  540. A popular effect to use for creating text images is
  541. a drop-shadow beneath the text. Ulead PhotoImpact SE
  542. makes creating shadowed text easy:
  543.  
  544. * Using the text tool, move the pointer over the text
  545. until the pointer arrow has a small a small `T' inside
  546. it: {T}; the text will be surrounded by a moving dotted-line
  547. marquee.
  548.  
  549. * Click on the text you want to shadow; it should have
  550. dotted lines around it.
  551.  
  552. * Click on the {Style}  button in the Attributes Toolbar;
  553. this brings up a menu of styles.
  554.  
  555. * Choose Shadow from the style menu.
  556.  
  557. This creates a drop shadow of the text. You can change
  558. the appearance of the shadow (position, distance from
  559. the original, color, etc.) by clicking the styles button,
  560. and choosing Options from the menu.
  561.  
  562. 5.5.3. Saving an image with text
  563.  
  564. When you add text to an image, PhotoImpact SE regards
  565. the text as a separate object that can be manipulated
  566. (for example, moved around or deleted) independently
  567. of the image. Most image formats--for example, GIF and
  568. JPG--do not support objects, so if you save the image
  569. in one of these formats, you will get a warning message
  570. informing you of this. In this situation the text will
  571. be `merged' into the image, which simply means that
  572. it will become part of the image rather than residing
  573. on top of the image. You can turn this warning message
  574. off for future saves.
  575.  
  576. 5.6. Web image tricks
  577.  
  578. The functionality described in this topic is available
  579. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  580. that you are now using. Choose `How To Purchase' in
  581. the Help menu for ordering information.
  582.  
  583. PhotoImpact SE provides tools for easily creating images
  584. suitable for Web pages. All of these tools are available
  585. from the Web menu. We have provided information on only
  586. a few of the available tools in PhotoImpact SE; you
  587. can learn about the others from the PhotoImpact SE online
  588. help.
  589.  
  590. 5.6.1. Creating buttons
  591.  
  592. The functionality described in this topic is available
  593. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  594. that you are now using. Choose `How To Purchase' in
  595. the Help menu for ordering information.
  596.  
  597. Adding graphical buttons to act as hypertext links is
  598. an easy way to give your page a sense of style. PhotoImpact
  599. SE can take a regular image and add a variety of beveled-edge
  600. button styles. While buttons tend to look better in
  601. GIF format, the greatest range of button types is available
  602. if you are working in 24-bit color; see the section
  603. onworking with GIF files for more about changing the
  604. Data Type.
  605.  
  606. To create a button effect for the image:
  607.  
  608. * Open the image in PhotoImpact SE.
  609.  
  610. * If the image has less than 24-bit color, increase
  611. the color depth using the Data Type command in the Format
  612. menu.
  613.  
  614. * Choose Button Designer... from the Web menu.
  615.  
  616. The easiest way to work with the Button Designer is
  617. to experiment until you get the effect that you want.
  618. The following options are available:
  619.  
  620. * Style - Click the style of button you want to create.
  621. The preview window will immediately display a preview
  622. of your image with that style applied.
  623.  
  624. * Direction - If you choose Outward, the button border
  625. will be added to the outside of the current image, changing
  626. its size. If you choose Inward, the button border will
  627. remain within the original borders of the image, covering
  628. part of it.
  629.  
  630. * Options - Specify the size, color, and other attributes
  631. for the button border.
  632.  
  633. * Mirror - Turn on Mirror to keep the top and left edge
  634. and the right and bottom edge sizes synchronized with
  635. each other. Turn off Mirror to set the size of each
  636. edge independently.
  637.  
  638. * Width - Set the width of the selected edge.
  639.  
  640. * Transparency - Set how much of the original image
  641. should show through the button border.
  642.  
  643. * Colors - Depending on the type of button, choose the
  644. colors to use for button borders or adjust other color
  645. attributes.
  646.  
  647. * Quick samples - The buttons in the lower panel on
  648. the right-hand side of the Button Designer are preset
  649. button settings. You can use them to create a button
  650. with a single click; then fine tune the settings if
  651. you wish.
  652.  
  653. 5.6.2. Adding image frames and shadows
  654.  
  655. The functionality described in this topic is available
  656. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  657. that you are now using. Choose `How To Purchase' in
  658. the Help menu for ordering information.
  659.  
  660. You can quickly create frames (borders) and shadows
  661. for entire images by choosing Frame Designer... from
  662. the PhotoImpact SE Web menu. 
  663.  
  664. This dialog gives a number of options:
  665.  
  666. * Frame - Choose the width and color or pattern for
  667. the border; the result is displayed in the preview image.
  668. You may choose any of these types of borders for the
  669. image:
  670.  
  671. 1. Color - A single color border matching that of the
  672. color square. To choose a different color, right-click
  673. on the color square and choose the desired command for
  674. selecting a new color. 
  675.  
  676. 2. Magic texture - Create a multi-color border matching
  677. that of the texture square. To change textures, click
  678. on Library... and choose from the samples in the Magic
  679. Texture dialog box.
  680.  
  681. 3. Natural texture - Create a natural looking multi-color
  682. border matching that of the texture square. To change
  683. textures, click on Library... and choose from the samples
  684. in the Texture Library dialog box. 
  685.  
  686. * Shadow - Choose the size and color of a shadow to
  687. go around the border. 
  688.  
  689. 1. Color and Direction - The shadow color will match
  690. that of the color square. To choose a different color,
  691. right-click on the color square and choose the desired
  692. command for selecting a new color. Then select the option
  693. that shows a shadow in the direction you want.
  694.  
  695. 2. X offset, Y offset - Set the size, in pixels, of
  696. the shadow. (X is the distance of the shadow from either
  697. side, Y is the distance of the shadow from the top or
  698. bottom.)
  699.  
  700. 3. Transparency - Set a higher value to allow more of
  701. the underlying image to appear through the shadow. 
  702.  
  703. 4. Edge blending - Set a higher value to have the shadow
  704. blend into the background more smoothly. 
  705.  
  706. * Canvas - Set the size and color for the background.
  707.  
  708.  
  709. 1. Color - Choose a color for the background. To choose
  710. a different color, right-click on the color square and
  711. choose the desired command for selecting a new color.
  712.  
  713.  
  714. 2. Direction - Set the size for the background. Click
  715. on the Lock button to set the sizes individually.
  716.  
  717. 5.6.3. Creating seamless backgrounds
  718.  
  719. The functionality described in this topic is available
  720. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  721. that you are now using. Choose `How To Purchase' in
  722. the Help menu for ordering information.
  723.  
  724. Using the Shift Image... command in the PhotoImpact
  725. SE Web menu, you can adjust images so that they will
  726. tile seamlessly as a background image in your page.
  727. The Shift Image dialog displays the image as your browser
  728. would. Simply use the mouse to shift the preview image
  729. until the tiling looks right. If you need to adjust
  730. the offset more precisely than you can with the mouse,
  731. you can use the Horizontal Offset and Vertical Offset
  732. spin boxes to choose precise values.
  733.  
  734. 5.6.4. Creating transparent GIFs
  735.  
  736. The functionality described in this topic is available
  737. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  738. that you are now using. Choose `How To Purchase' in
  739. the Help menu for ordering information.
  740.  
  741. A transparent GIF is a GIF image in which one color
  742. is designated as transparent, that is, it allows background
  743. images or colors to show through. You can create transparent
  744. GIF images using the PhotoImpact SE GIF SmartSaver....
  745.  
  746. To create a transparent area in a GIF image:
  747.  
  748. * Choose GIF SmartSaver... from the Web menu, or choose
  749. Export... from the File menu and choose GIF SmartSaver...
  750. from the pop-up menu.
  751.  
  752. * In the GIF SmartSaver dialog, choose Pick Color from
  753. the Transparency pull-down menu.
  754.  
  755. * Click on the Transparent Area Preview Color square
  756. to choose a color that will represent the transparent
  757. color. 
  758.  
  759. * Move the mouse pointer over the image on the left
  760. (the original image) and hold down the [Ctrl] key; the
  761. pointer will turn into an eyedropper tool. (If the image
  762. already contains a transparent color you can make it
  763. solid by holding down the [Alt] key and clicking the
  764. mouse button.)
  765.  
  766. * Click on the color you want to make transparent; any
  767. part of the image that contains that color will now
  768. take on the preview color you chose, and this will be
  769. displayed in both the uncompressed and compressed preview
  770. images.
  771.  
  772. * Click on the [Save As...] button to save the image
  773. with the transparency information.
  774.  
  775. 5.6.5. Using Web-safe colors
  776.  
  777. The functionality described in this topic is available
  778. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  779. that you are now using. Choose `How To Purchase' in
  780. the Help menu for ordering information.
  781.  
  782. PhotoImpact SE gives you the option of saving GIF images
  783. with a color palette optimized for Web browsers. If
  784. you save your images using this palette, you will ensure
  785. that browsers on all platforms will be able to display
  786. your images with the best quality available to the user's
  787. computer. To save your images using the color palette
  788. optimized for the Web:
  789.  
  790. * Choose Data Type from the Format menu; (if you turn
  791. on Create a New Image, a new copy of your image will
  792. be created, leaving your original image intact).
  793.  
  794. * Choose WWW Browser Optimized from the palette choices.
  795.  
  796. The image now has a color palette that is most suited
  797. to Web browsers.
  798.  
  799. 5.6.6. PhotoImpact SE tricks
  800.  
  801. The functionality described in this topic is available
  802. in HoTMetaL PRO 4.0, but not in the Evaluation Version
  803. that you are now using. Choose `How To Purchase' in
  804. the Help menu for ordering information.
  805.  
  806. * Animating images - Animated GIF files have become
  807. a popular feature of the Web. HoTMetaL PRO includes
  808. the PhotoImpact GIF Animator for creating animated GIF
  809. images. Please note: if you open an animated GIF in
  810. the PhotoImpact SE editor and save it again, the image
  811. file will no longer be an animated GIF; the first image
  812. of the animation will be saved and the others will be
  813. lost. Neither the PhotoImpact SE Editor, Viewer, or
  814. Explorer display GIF animations. If you're unsure whether
  815. a file is an animation, view it in an animations-capable
  816. viewer (such as a Web browser or the PhotoImpact GIF
  817. Animator) to verify its format. To learn how to create
  818. animated GIFs, consult the PhotoImpact GIF Animator
  819. online help.
  820.  
  821. * Making basic shapes - Rectangles, squares, ellipses,
  822. circles, and polygons are easy to make with PhotoImpact
  823. SE once you know the tricks. PhotoImpact SE does not
  824. have a specific tool for creating these shapes, so it
  825. requires an extra step. 
  826.  
  827. To create an outlined rectangle, square, ellipse, or
  828. circle:
  829.  
  830. 1. Click on the {Standard Selection} toolbar button
  831. in the Tool Panel.
  832.  
  833. 2. Choose the shape you want to create from the Attributes
  834. toolbar.
  835.  
  836. 3. Drag the mouse in the editing window to produce a
  837. selection area, defined by a dotted line. To make the
  838. selection a specific size, check the Fixed size checkbox
  839. in the Attributes toolbar, and set the size of the area.
  840.  
  841. 4. Right-click on the area and choose Border from the
  842. pop-up menu; this brings up a dialog box.
  843.  
  844. 5. Choose the thickness of the border.
  845.  
  846. 6. Click on [OK]. The selection will now be surrounded
  847. by a double dotted line.
  848.  
  849. 7. Click on the Fill tool icon.
  850.  
  851. 8. Choose a fill color for the box outline from the
  852. Attributes toolbar.
  853.  
  854. 9. Apply the fill between the selection outlines (use
  855. the Zoom tool to do this if you have made a narrow border).
  856.  
  857. To create an irregular polygon:
  858.  
  859. 1. Click on the {Lasso} toolbar button in the Tool Panel.
  860.  
  861. 2. Click in the editing window to start drawing the
  862. figure.
  863.  
  864. 3. Move the mouse to the second point in your drawing;
  865. a line will follow the pointer from the location where
  866. you clicked the mouse. Click the mouse again, the pointer
  867. will now be connected to both points where you clicked
  868. before, creating a three-pointed shape.
  869.  
  870. 4. If you click and drag the mouse, you will draw a
  871. freehand line rather than a series of connected points.
  872.  
  873. 5. Continue clicking and moving the pointer until you
  874. have the shape you like.
  875.  
  876. 6. Double-click the mouse to stop drawing; this creates
  877. a selection area surrounded by dashed lines.
  878.  
  879. 7. Right-click on the area and choose Border from the
  880. pop-up menu; this brings up a dialog box.
  881.  
  882. 8. Choose the thickness of the border.
  883.  
  884. 9. Click on [OK]. The selection will now be surrounded
  885. by a double dotted line.
  886.  
  887. 10. Click on the Fill tool icon.
  888.  
  889. 11. Choose a fill color for the box outline from the
  890. Attributes toolbar.
  891.  
  892. 12. Apply the fill between the selection outlines (use
  893. the Zoom tool to do this if you have made a narrow border).
  894.  
  895. *  Right-click color choosing - When you right-click
  896. on a color box in dialog boxes or the Attributes toolbar,
  897. a pop-up menu appears giving you a choice of color choosers.
  898. The eyedropper tool allows you to choose a color from
  899. the current image so that you can be sure of a match.
  900.  
  901.